.campany-size {
/* 	background: linear-gradient(135deg, #000000 60%, #00ff00 100% 0%); */
	color: white; 
	display: flex;
	align-items: center;
	margin: 30px 0;
}

.campany-size-container {

	margin: 0 auto;
 
}
        .partner-container {
            max-width: 1600px;
            margin: 30px auto;
            padding: 0 20px;
        }
        .partner-title {
            text-align: center;
            font-size: 62px;
            color:#83FF00;
            margin-bottom: 30px;
        }
        .partner-cards {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        } 
        .card {
            padding: 35px 25px;
            border-radius: 6px;
            width: 48%;
            min-width: 360px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            text-align: center;
            position: relative;
        } 
        .card-left {
            background-image: url(" ");
            background-color: rgba(240, 245, 250, 0.9);
            background-blend-mode: soft-light;
        } 
        .card-right {
            background-image: url(" ");
            background-color: rgba(240, 245, 250, 0.9);
            background-blend-mode: soft-light;
        }
        .card h2 {
            color: #444;
            font-size: 32px;
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
        }
        .card p {
            color: #555;
            line-height: 1.6;
            margin-bottom: 28px;
            font-size: 20px;
            position: relative;
            z-index: 2;
        }
        .card button {
            display: block;
            margin: 0 auto;
            background-color: #a68c76;
            color: #fff;
            border: none;
            padding: 9px 20px;
            border-radius: 3px;
            font-size: 24px;
            cursor: pointer;
            position: relative;
            z-index: 2; 
            transition: transform 0.3s ease;
        } 
        .card button:hover {
            transform: scale(1.1);
        }
        .highlight {
            font-weight: bold;
        }

/* Counter Section */
.counter-section {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s ease-out forwards;
}

.counter-item {

	backdrop-filter: blur(10px);
	border-radius: 20px;
 
	text-align: center;
	min-width: 150px;
	transition: all 0.3s ease;

}

.counter-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	border-color: rgba(255, 255, 255, 0.4);
}

.icon img { 
	height: 60px;
	margin-bottom: 20px; 
}

.count {
	font-size: 45px;
	font-weight: 800;
	color: #00ff00;
	margin-bottom: 10px;

}

.label {
	font-size: 1.1em;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Main Content Section */
.campany-size-needToTransition {
	display: flex;
	gap: 40px;
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInUp 0.8s ease-out 0.3s forwards;
}

/* Pricing Section */
.pricing-section {
    width: 50%;
	backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 40px;
	transition: all 0.3s ease;
}

.pricing-section:hover {
	background: rgba(255, 255, 255, 0.1);
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.pricing-section h2 {
	font-size: 2.2em;
	margin-bottom: 20px;
	color: #fff;
	line-height: 1.3;
}

.pricing-section p {
	font-size: 1.1em;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 30px;
}

.contact-button {
	background: linear-gradient(45deg, #000000, #10ee0d);
	color: white;
	border: none;
	padding: 15px 30px;
	font-size: 1.1em;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-weight: 600;
	box-shadow: 0 4px 15px rgba(0, 255, 0, 0.3);
}

.contact-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 255, 0, 0.4);
	background: linear-gradient(45deg, #00ff00, #000000);
}

/* Features Section */
.features-section { 
}

.feature-item {
	background: rgb(44 62 44 / 25%);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	padding: 35px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.3s ease;
	flex: 1;
}

.feature-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.feature-header span {
	background: linear-gradient(45deg, #00c8ff, #007bff);
	color: white;
	padding: 8px 16px;
	border-radius: 30px;
	font-size: 0.9em;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 15px;
}

.feature-header h3 {
	font-size: 1.8em;
	color: white;
	margin: 10px 0 20px 0;
}

.feature-item p {
	font-size: 1.1em;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 25px;
}

.feature-item ul {
	list-style: none;
	margin-bottom: 25px;
}

.feature-item li {
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 12px;
	padding-left: 25px;
	position: relative;
	font-size: 1.05em;
}

.feature-item li::before {
	content: "✓";
	color: #00c8ff;
	position: absolute;
	left: 0;
	font-weight: bold;
}

.view-more-button,
.customization-options-button {
    background: linear-gradient(45deg, #667eea, #764ba2);
	color: white;
	border: none;
	padding: 12px 25px;
	font-size: 1.05em;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-weight: 600;
	width: 100%;
	box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
}

.customization-options-button {
	background: linear-gradient(45deg, #667eea, #764ba2);
	box-shadow: 0 4px 15px rgba(118, 75, 162, 0.3);
}

.view-more-button:hover,
.customization-options-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px  #00ff00;
}

/* Animations */
@keyframes fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}


  .application-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .application-banner img {
    width: 100%;
    height: auto;
    display: block;
  }

.arabic-exclusive .qiaoxin8379 .more_btn{
    text-align: right;
}
.arabic-exclusive .qiaoxin8379 .more_btn>div {
    margin-right: 20px;
}

.qiaoxin8379 {
    width: 100%;
     margin-top:80px; 
    height: 658px;
    position: relative;
}

.qiaoxin8379 .backstage-blocksEditor-wrap .backstage-blocksEditor-wrap-text .backstage-widgetsettings-tools-zindex {
    top: 15px;
}

.qiaoxin8379 .pro {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.qiaoxin8379 .pro li {
    height: 155px;
    position: relative;

}

.qiaoxin8379 .pro li .linkw {
    position: absolute;
    top: 33%;
    width: 42px;
    height: 42px;
    z-index: 1;
    right: -90px;
}

.qiaoxin8379 .pro li:before {
    content: "";
    width: 1px;
    height: 70px;
    display: block;
    position: absolute;
    right: 489px;
    bottom: 42px;
    background: rgba(250, 250, 250, 0.5);
}

.arabic-exclusive .qiaoxin8379 .pro li:before {
    right: 130px
}

.qiaoxin8379 .pro li .list_hover {
    width: 0;
    height: 100%;
    background-color: #0a1c2f;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    transition: 600ms;
    -webkit-transition: 600ms;
    opacity: 0.85;
}

.qiaoxin8379 .pro li .list_box {
    width: 600px;
    position: absolute;
    top: 15px;
    right: 0;
    color: #fff;
    /* z-index: 2; */
    padding: 2% 0 0;
}

.arabic-exclusive .qiaoxin8379 .pro li .list_box {
    padding-right: 10px;
    display: flex;
    flex-direction: row-reverse;
}

.qiaoxin8379 .pro li .list_box:before {
    width: 1px;
    height: 42px;
    margin-top: 0;
    right: -70px;
}

.qiaoxin8379 .pro li .list_box:after {
    width: 42px;
    height: 1px;
    right: -120px;
}

.qiaoxin8379 .pro li .list_box:after,
.qiaoxin8379 .pro li .list_box:before {
    content: "";
    background: #fff;
    display: block;
    top: 54%;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.qiaoxin8379 .pro li .list_ico {
    width: 90px;
    height: 90px;
    display: block;
}

.qiaoxin8379 .pro li .list_ico img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qiaoxin8379 .pro li .list_text {
    padding: 3% 0 0 7%;
    position: absolute;
    left: 90px;
    top: 10px;
}

.arabic-exclusive .qiaoxin8379 .pro li .list_text {
    padding: 3% 7% 0 0;
    text-align: right;
    left: unset;
    right: 125px;
}

.qiaoxin8379 .pro li .l {
    float: left;
}

.qiaoxin8379 .pro li .list_text .list_hd {
    font-size: 18px;
    font-family: Arial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}

.qiaoxin8379 .pro li .list_text .list_bd {
    margin-top: 10px;
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.qiaoxin8379 .pro li:hover .list_hover {
    width: 118%;
}

.qiaoxin8379 .pro li:hover .list_box:before {
    margin-top: -21px;
}

.qiaoxin8379 .pro li:hover .list_box:after {
    right: -90px;
}

.qiaoxin8379 .pro li:hover .list_box:after,
.qiaoxin8379 .pro li:hover .list_box:before {
    transition: 300ms ease-in 600ms;
    -webkit-transition: 300ms ease-in 600ms;
    visibility: visible;
    opacity: 1;
}

.qiaoxin8379 .more_btn {
    display: block;
    height: 38px;
    line-height: 38px;
    background:rgb(131 255 0);
    color: #000;
    text-align: center;
    font-size: 14px;
    position: absolute;
    width: 50%;
    bottom: 0;
    left: 0;
}

.qiaoxin8379 .more_btn a {
    color: inherit;
}

/* index_solution */

.index_solution { 
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.solution {
    text-align: center;
    /* max-width: 1400px; */
    width: 100%;
    padding:  0 20px;
    margin-top: 30px;


}

.solution h2 {
	font-size: 62px;
    color: rgb(131 255 0);
    margin-bottom: 30px;
}

.solution>p {
    font-size: 18px; 
    color: #fff;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
/* --- Gallery 和 Gallery-item 样式 --- */

  .gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    box-sizing: border-box;
  }

  
  .flip-card-container {
    width: calc(25% - 20px);  
    aspect-ratio: 3 / 2;  
    min-width: 200px;  
    perspective: 1000px;
  }

  
  .flip-card {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }

 
  .flip-card-container:hover .flip-card {
    transform: rotateY(180deg);
  }

 
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
  }

 
  .flip-card-front {
    background-color: #005500;  
    color: white;
    font-size: 24px;
    font-weight: bold;
  }

   
  .flip-card-back {
    background-color: #fff;
    transform: rotateY(180deg);
    overflow: hidden;
  }

  
  .flip-card-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }




/*application-module9*/
.application-module9-container {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 100%;
    gap: 0;
  }

  .left, .right {
    display: flex;
    flex-direction: column;
  }

  .left-top, .right-bottom {
    flex: 1;
  }

  .left-bottom, .right-top {
    display: flex;
    flex: 1;
    width: 100%;
    height: 100%;
  }

  .left-bottom .image-container, .right-top .image-container {
    flex: 1;
    height: 100%;
  }

  .image-container {
    position: relative;
    overflow: hidden;
  }

  .image-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }

  /* 左上角覆盖层样式 */
  .image-container .overlay-top-left {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.7s ease;
    transform-origin: top left;
    z-index: 2;
  }

  /* 右下角覆盖层样式 */
  .image-container .overlay-bottom-right {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.7s ease;
    transform-origin: bottom right;
    z-index: 2;
  }

  /* 悬停时触发两个覆盖层同时展开 */
  .image-container:hover .overlay-top-left,
  .image-container:hover .overlay-bottom-right {
    width: 100%;
    height: 100%;
  }

  /* --- 双点延伸边框动画 --- */
  .image-container::before, /* 左边框 */
  .image-container::after,  /* 上边框 */
  .image-container span::before, /* 右边框 */
  .image-container span::after {  /* 下边框 */
    content: '';
    position: absolute;
    background: #143141;
    transition: transform 0.7s ease;
    z-index: 3;
    transform: scaleX(0) scaleY(0); /* 初始状态：线条长度为0 */
  }

  /* 左边框 - 从上下两端向中间收缩 */
  .image-container::before {
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    transform-origin: top center; /* 默认从顶部收缩 */
  }
  .image-container:hover::before {
     transform-origin: bottom center; /* 悬停时改为从底部收缩 */
     transform: scaleY(1); /* 展开到完整高度 */
  }

  /* 上边框 - 从左右两端向中间收缩 */
  .image-container::after {
    top: 0;
    left: 0;
    height: 6px;
    width: 100%;
    transform-origin: left center; /* 默认从左侧收缩 */
  }
  .image-container:hover::after {
     transform-origin: right center; /* 悬停时改为从右侧收缩 */
     transform: scaleX(1); /* 展开到完整宽度 */
  }

  /* 添加一个span用于右边框和下边框 */
  .image-container span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  /* 右边框 - 从上下两端向中间收缩 */
  .image-container span::before {
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    transform-origin: top center; /* 默认从顶部收缩 */
  }
  .image-container:hover span::before {
     transform-origin: bottom center; /* 悬停时改为从底部收缩 */
     transform: scaleY(1); /* 展开到完整高度 */
  }

  /* 下边框 - 从左右两端向中间收缩 */
  .image-container span::after {
    bottom: 0;
    left: 0;
    height: 6px;
    width: 100%;
    transform-origin: left center; /* 默认从左侧收缩 */
  }
  .image-container:hover span::after {
     transform-origin: right center; /* 悬停时改为从右侧收缩 */
     transform: scaleX(1); /* 展开到完整宽度 */
  }
  
  
  /*application-module10*/
    .application-module10 {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #ffffff;
        }
        .application-module10-container {
            max-width: 1200px;
            margin: 0 auto; 
          
        }
       .application-module10-container h1 {
            text-align: center;
            color: #003366;
            margin-top: 50px;
           font-size: 37px;
        }
        .application-module10-container p {
			font-size: 18px;
            line-height: 1.6;
            margin-bottom: 20px;
            color: #333;
        }
       .application-module10 .image-container {
            margin: 50px 0;
        }
        .image-container img {
            max-width: 100%;
            height: auto;
        }
        .contact-icons {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
        }
        .contact-icons a {
            display: block;
            width: 50px;
            height: 50px;
            background-color: #003366;
            border-radius: 50%;
            margin-bottom: 10px;
            text-align: center;
            line-height: 50px;
            color: white;
            text-decoration: none;
        }
        .contact-icons i {
            font-size: 24px;
        }
        .button-container {
            text-align: center;
            margin: 30px 0 50px 0;
        }
        .explore-button {
            background-color: #003366;
            color: white;
            border: none;
            padding: 15px 30px;
            font-size: 18px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .explore-button:hover {
            background-color: #0055a5;
        }
        
        			.company-news {
				background-color: #000;
				color: #fff;
				padding: 20px;
				margin: 0 auto; /* 居中 */
			}

			.news-header {
				text-align: center;
				margin-bottom: 30px;
			}

			.news-header h2 {
				color:#83ff00;
				font-size: 62px;
				font-weight: bold;
				letter-spacing: 2px;
			}

			.title-icon {
				/* 如果需要图标，可以在这里添加样式 */
				display: block;
				height: 3px;
				width: 80px;
				background-color: #83ff00;
				margin: 10px auto 0;
			}

			.news-content {
				/* 使用 Flexbox 布局 */
				display: flex;
				flex-wrap: wrap;
				justify-content: center; /* 在不够一行时也居中 */
				gap: 10px; /* 卡片间距 */
				margin-top: 80px;
			}

			/* 默认样式：每个卡片占满一行 (手机端) */
			.news-item {
				flex: 1 1 100%; /* 默认占满整行 */
				min-width: 220px; /* 最小宽度 */
			}

			figure.snip0018 {
				position: relative;
				overflow: hidden;
				width: 100%;
				max-width: 100%; /* 卡片最大宽度 */
				max-height: 100%;
				margin: 0 auto; /* 在容器内居中 */
				background: #000000;
				text-align: center;
			}

			figure.snip0018 * {
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}

			figure.snip0018 img {
				opacity: 1;
				width: 100%;
				height: 100%; /* 确保图片填满容器高度 */
				object-fit: cover; /* 保持比例裁剪 */
				-webkit-transition: opacity 0.35s;
				transition: opacity 0.35s;
			}

			figure.snip0018 figcaption {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

			figure.snip0018 figcaption > div {
				height: 50%;
				overflow: hidden;
				width: 100%;
				position: relative;
			}

			figure.snip0018 figcaption::before {
				position: absolute;
				top: 50%;
				right: 50%;
				left: 50%;
				height: 2px;
				content: '';
				opacity: 0;
				background-color: rgba(255, 255, 255, 0);
				-webkit-transition: all 0.4s;
				transition: all 0.4s;
				-webkit-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			figure.snip0018 h2,
			figure.snip0018 p {
				margin: 0;
				padding: 30px 35px;
				opacity: 0;
				position: absolute;
				height: 100%;
				width: 100%;
				left: 0;
				-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
				transition: opacity 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s, transform 0.4s;
			}

			figure.snip0018 h2 {
				display: inline-block;
				word-spacing: -0.1em;
				font-weight: 300;
				text-transform: uppercase;
				bottom: 0;
				background: rgba(0, 0, 0, 0.5);
				-webkit-transform: translate3d(0%, 50%, 0);
				transform: translate3d(0%, 50%, 0);
				-webkit-transition-delay: 0s;
				transition-delay: 0s;
				/* 确保文字在小屏幕上可读 */
				font-size: 1.2em;
			}

			figure.snip0018 h2 span {
				font-weight: 800;
			}

			figure.snip0018 p {
				font-weight: 300;
				top: 0%;
				color: #000;
				background: #fff;
				-webkit-transform: translate3d(0%, -50%, 0);
				transform: translate3d(0%, -50%, 0);
				-webkit-transition-delay: 0s;
				transition-delay: 0s;
				/* 确保文字在小屏幕上可读 */
				font-size: 1em;
			}

			figure.snip0018 a {
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				position: absolute;
				color: #ffffff;
			}

			figure.snip0018:hover img {
				opacity: 0.7;
			}

			figure.snip0018:hover figcaption h2,
			figure.snip0018:hover figcaption p {
				-webkit-transform: translate3d(0%, 0%, 0);
				transform: translate3d(0%, 0%, 0);
				-webkit-transition-delay: 0.3s;
				transition-delay: 0.3s;
			}

			figure.snip0018:hover figcaption h2 {
				opacity: 1;
			}

			figure.snip0018:hover figcaption p {
				opacity: 1;
			}

			figure.snip0018:hover figcaption::before {
				background: #ffffff;
				left: 0px;
				right: 0px;
				opacity: 1;
				-webkit-transition-delay: 0s;
				transition-delay: 0s;
			}
.index_contact {
background-color: #000;
    margin: 0 auto;
    padding: 40px;
}

/* 顶部横幅区域 */
.top-section {
    margin-bottom: 30px;
}

.banner-section { 
    background-size: cover;
    background-position: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.banner-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.banner-section > * {
    z-index: 2;
}

.banner-section h2 {
	color: rgb(131 255 0);
    font-size: 62px;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.banner-section p {
    font-size: 18px;
    margin-bottom: 25px;
    max-width: 600px;
}

.top-banner-button {
    display: inline-block;
    background: #47d03c;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 30px;
    font-weight: bold;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.top-banner-button:hover {
    background: transparent;
    border-color: white;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

/* 修改：将 contact-section 改为 flex 布局实现左右排列 */
.contact-section {
    display: flex;
    gap: 30px;
    /* 在小屏幕上改为垂直堆叠 */
    flex-wrap: wrap;
}

/* 丝材比较区域 - 设置为占据一半宽度 */
.filament-section {
    flex: 1;
    min-width: 300px;
}

.filament-content {
    background-image: url('https://images.unsplash.com/photo-1626785774573-4b69a0c1d28b?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80');
    background-size: cover;
    background-position: center;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.filament-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgb(33 33 33 / 80%), rgb(2 2 2 / 70%));
    z-index: 1;
}

.filament-content > * {
    z-index: 2;
}

.filament-content h3 {
    font-size: 35px;
    margin-bottom: 12px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.filament-content p {
    font-size: 18px;
    margin-bottom: 20px;
    max-width: 500px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.filament-button {
    display: inline-block;
    background: white;
    color: #087d29;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.filament-button:hover {
    background: #087d29;
    color: white;
    transform: scale(1.05);
}

.help-section {
    flex: 1;
    min-width: 300px;
    display: flex;
    background: linear-gradient(135deg, rgb(0 0 0 / 80%), rgb(114 133 112));
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.help-content {
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.help-content h3 {
    font-size: 32px;
    color: #4caf50;
    margin-bottom: 15px;
}

.help-content p {
    font-size: 18px;
    margin-bottom: 25px;
    color: #555;
}

.help-button {
    display: inline-block;
    background: #4caf50;
    color: white;
    padding: 12px 28px;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 600;
    align-self: flex-start;
    transition: all 0.3s ease;
}

.help-button:hover {
    color: white;
    background: #377e39;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 102, 204, 0.3);
}

.right-image {
    flex: 1;
    height: 400px;
    object-fit: cover;
    object-position: center;
}


/*  form */

 

/* 按钮样式 */
.subscribe_btn {
  margin-bottom: 20px;
}

.sys_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #303031 0%, #393939 100%);
  color: white;
  padding: 14px 32px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 4px 15px rgba(68, 68, 68, 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
}

.sys_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(77, 77, 77, 0.4);
}

.btn_txt {
  font-size: 14px;
}
 

	/* 弹窗遮罩层 */
			.modal {
				display: none;
				position: fixed;
				z-index: 1000;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgba(0, 0, 0, 0.5);
				animation: fadeIn 0.3s ease-in-out;
			}

			/* 弹窗内容区域 */
			.modal-content {
				background-color: #fff;
				margin: 5% auto;
				padding: 30px;
				border-radius: 10px;
				width: 90%;
				max-width: 700px;
				box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
				animation: slideIn 0.3s ease-out;
			}

			/* 关闭按钮 */
			.close {
				color: #aaa;
				float: right;
				font-size: 28px;
				font-weight: bold;
				line-height: 1;
				cursor: pointer;
				transition: color 0.3s;
			}

			.close:hover,
			.close:focus {
				color: #000;
				text-decoration: none;
			}

			/* 表单标题 */
			.modal-content h3 {
				text-align: center;
				margin-bottom: 20px;
				color: #333;
			}

			/* 表单行容器 - 用于两列布局 */
			.form-row {
				display: flex;
				gap: 20px;
				margin-bottom: 18px;
				flex-wrap: wrap;
				/* 移动端自适应 */
			}

			/* 表单组通用样式 */
			.form-group {
				flex: 1;
				min-width: 200px;
				/* 移动端最小宽度 */
			}

			.form-group label {
				display: block;
				margin-bottom: 6px;
				font-weight: bold;
				color: #333;
			}

			.form-group input[type="text"],
			.form-group input[type="email"],
			.form-group input[type="tel"],
			.form-group input[type="number"],
			.form-group select,
			.form-group textarea {
				width: 100%;
				padding: 10px;
				border: 1px solid #ccc;
				border-radius: 4px;
				font-size: 14px;
				box-sizing: border-box;
			}

			.form-group textarea {
				resize: vertical;
				min-height: 80px;
			}

			/* 复选框样式 */
			.checkbox-group {
				display: flex;
				align-items: center;
				margin: 18px 0;
			}

			.checkbox-group input[type="checkbox"] {
				margin-right: 8px;
				transform: scale(1.1);
			}

			.checkbox-group label {
				font-size: 14px;
				color: #555;
			}

			/* 按钮组 */
			.button-group {
				display: flex;
				justify-content: flex-end;
				gap: 12px;
				margin-top: 20px;
			}

			.cancel-btn,
			.submit-btn {
				padding: 10px 20px;
				border: none;
				border-radius: 4px;
				cursor: pointer;
				font-size: 14px;
				font-weight: bold;
			}

			.cancel-btn {
				background-color: #e7e7e7;
				color: #333;
			}

			.cancel-btn:hover {
				background-color: #ccc;
			}

			.submit-btn {
				background-color: #383a39;
				color: white;
			}

			.submit-btn:hover {
				background-color: #767676;
			}

			/* 全宽字段：独占一行 */
			.form-group.full-width {
				flex: 100%;
				margin-bottom: 18px;
			}

			/* 动画效果 */
			@keyframes fadeIn {
				from {
					opacity: 0;
				}

				to {
					opacity: 1;
				}
			}

			@keyframes slideIn {
				from {
					transform: translateY(-50px);
					opacity: 0;
				}

				to {
					transform: translateY(0);
					opacity: 1;
				}
			}

/* 响应式设计 */
@media (max-width: 992px) {
 	.gallery {
		grid-template-columns: repeat(2, 1fr);
	}
    .pricing-section{
        width: 100%;
    }
    .contact-section {
        flex-direction: column;
    }
    
    .help-section {
        flex-direction: column;
    }
    
    .right-image {
        height: 200px;
    }
     .flip-card-container {
      width: calc(33.333% - 20px); 
    }
}

@media (max-width: 768px) {
 	.gallery {
		grid-template-columns: 1fr;
	}
    .banner-section h2 {
        font-size: 28px;
    }
    
    .filament-content h3 {
        font-size: 24px;
    }
    .flip-card-container {
      width: calc(50% - 20px); 
    }
}

@media (max-width: 480px) {
    .banner-section h2 {
        font-size:24px;
    }
    
    .filament-content h3 {
        font-size: 20px;
    }
    
    .help-content {
        padding: 30px 20px;
    }
    .flip-card-container {
      width: 100%;  
    }
}

/* 按钮通用样式 */
a {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover {
    text-decoration: none;
}
  
  			@media (min-width: 1024px) {
				.news-item {
					flex: 1 1 calc(25% - 15px); /* 减去间距的一半 */
					max-width: calc(25% - 15px);
				}
			}
@media screen and (max-width:1200px) {
    .qiaoxin8379 .pro li:hover .list_hover {
        width: 100%;
    }

    .qiaoxin8379 .pro li .list_box {
        right: unset;
        left: 20px;
        /* left: 10px; */
    }

    .qiaoxin8379 .more_btn {
        width: 100%;
    }

    .qiaoxin8379 .pro li:before {
        left: 120px;
        right: unset;
    }

    .arabic-exclusive .qiaoxin8379 .pro li:before {
        left: 498px;
        right: unset;
    }

    .qiaoxin8379 .pro {
        width: 100%;
    }

    .qiaoxin8379 .pro li:hover .list_box:after,
    .qiaoxin8379 .pro li:hover .list_box:before {
        opacity: 1;
    }


    .qiaoxin8379 .pro li .list_box:before {
        right: -270px;
    }

    .qiaoxin8379 .pro li:hover .list_box:after {
        right: -290px;
    }

    .qiaoxin8379 .pro li .linkw {
        right: 107px;
    }
}

@media screen and (max-width:900px) {
    	.campany-size-needToTransition {
		flex-direction: row;
		align-items: flex-start;
	}

	.pricing-section,
	.features-section {
		flex: 1;
	}

	.features-section {
		display: flex;
		flex-direction: column;
	}

	.features-section {
		flex-direction: row;
		align-items: stretch;
		gap: 40px;
	}

	.feature-item {
		flex: 1;
		min-width: 0;
		/* 允许弹性收缩 */
	}
    .qiaoxin8379 .pro li:hover .list_box:after {
        right: -170px;
    }

    .qiaoxin8379 .pro li .list_box:before {
        right: -150px;
    }

    .qiaoxin8379 .pro li .linkw {
        right: 28px;
    }
    
}

@media screen and (max-width:768px) {
    .counter-section {
        flex-direction: column;
    }
   
 
    	.campany-size-needToTransition {
		flex-direction: column;
		align-items: flex-start;
	}

	.pricing-section,
	.features-section {
		flex: 1;
	}
 

	.features-section {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
	}

	.feature-item {
		flex: 1;
		min-width: 0;
		/* 允许弹性收缩 */
	}
    .qiaoxin8379 .pro li:hover .list_box:after {
        right: -130px;
    }

    .qiaoxin8379 .pro li .list_box:before {
        right: -110px;
    }
    .arabic-exclusive .qiaoxin8379 .pro li:hover .list_box:after{
        right: -65px
    }
    .arabic-exclusive .qiaoxin8379 .pro li .list_box:before{
        right: -45px;
    }
    .qiaoxin8379 .pro li .linkw {
        right: 103px;
    }
    .news-item {
	flex: 1 1 calc(50% - 10px); /* 减去间距的一半 */
		max-width: calc(50% - 10px);
				}
}

@media screen and (max-width: 650px) {
    .qiaoxin8379 .pro li .list_box {
        width: calc(100% - 40px);
        /* width: calc(100% - 20px); */
    }

    .arabic-exclusive .qiaoxin8379 .pro li:before {
        left: unset;
        right: 23%;
    }
}

@media screen and (max-width: 590px) {
    .arabic-exclusive .qiaoxin8379 .pro li:before {
        left: unset;
        right: 25%;
    }
}

@media screen and (max-width: 540px) {
    .arabic-exclusive .qiaoxin8379 .pro li:before {
        left: unset;
        right: 27%;
    }
}

@media screen and (max-width:510px) {
    .arabic-exclusive .qiaoxin8379 .pro li .list_text {
        top: -9px;
        padding: 3% 0 0 0;
        right: 100px;
    }

    /* .qiaoxin8379 .pro li .list_box {
        width: 338px;
    } */

    .qiaoxin8379 .pro li {
        height: 130px;
        /* padding: 10px 0; */
    }

    .qiaoxin8379 .pro li:before {
        left: 90px;
    }

    .qiaoxin8379 .fa {
        font-size: 60px ! important;
    }

    .qiaoxin8379 .pro li .list_ico {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }


    .qiaoxin8379 .pro li {
        height: 110px;
    }

    .qiaoxin8379 .pro li:before {
        bottom: 18px;
    }

    .qiaoxin8379 {
        height: 478px;
    }

    .qiaoxin8379 .pro li:hover .list_box:after,
    .qiaoxin8379 .pro li:hover .list_box:before {
        opacity: 0;
    }

    .qiaoxin8379 .pro li .linkw {
        display: none;
    }

    .qiaoxin8379 .pro li .list_box:after,
    .qiaoxin8379 .pro li .list_box:before {
        display: none;
    }

    .qiaoxin8379 .pro li .list_box {
        width: calc(100% - 74px);
        position: relative;
        /* top: auto; */
        top: 50%;
        transform: translateY(-50%);
    }

    .arabic-exclusive .qiaoxin8379 .pro li .list_box {
        width: calc(100% - 20px);
        left: unset;

    }

    .arabic-exclusive .qiaoxin8379 .pro li:before {
        right: 100px;
    }

    .qiaoxin8379 .pro li .list_text {
        padding: 1% 0 0 7%;
        left: 36px;
        top: -4px;
        position: relative;
        right: initial;
        float: unset;
    }

    .qiaoxin8379 .pro li .list_text .list_bd {
        margin-left: 39px;
    }

    .arabic-exclusive .qiaoxin8379 .pro li .list_text .list_bd {
        width: 360px;
    }

    .qiaoxin8379 .pro li .list_text .list_hd {
        margin-left: 39px;
    }
}

@media screen and (max-width:380px) {
    .arabic-exclusive .qiaoxin8379 .pro li .list_text .list_bd {
        width: 244px;
    }
}

/* news */
 .module-news {
     display: flex;
     justify-content: space-between;
     width: 100%;
     max-width: 1200px;
     margin: auto;
    flex-wrap: wrap;
    gap: 20px;
    max-height: 500px;
 }
 .left-image {
     width: 65%;
     position: relative;
 }
 .left-image img {
     border-radius: 10px; 
     width: 100%;
     height: auto;
     display: block;
 }
 .popup-card {
 height: 30%;
 position: absolute;
 top: 30%;
 left: 50%;
 transform: translate(-50%, -50%);
 background-color: rgb(0 24 42 / 86%);
 color: white;
 padding: 20px;
 border-radius: 10px;
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease;
 width: 80%;
 text-align: center;
 align-items: center;
 }
 .left-image:hover .popup-card {
     opacity: 1;
     visibility: visible;
 }
 .right-images {
     width: 33%;
 }
 .image-item {
     height: 20%;
     position: relative;
     margin-bottom: 15px;
     border-radius: 10px;
     overflow: hidden;
 }
 .image-item img {
     width: 100%; 
     display: block;
 }
 .image-text {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
     color: white;
     padding: 10px;
     text-align: left;
 }
 .image-text h3, .image-text p {
     margin: 0;
 }
 .module_footer {
   background-image: url('/skin/static/image/footer-bg.jpg');
   background-size: cover;
   background-position: center;
   padding: 60px 5% 30px;
   position: relative;
   color: white;
   min-height: 400px;
 }
 
 .module_footer::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 1;
 }
 
 .footer-content {
   position: relative;
   z-index: 2;
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
   gap: 80px;
 }
 
 .footer-left {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
 
 .footer-left img {
   width: 200px;
   height: auto;
 }
 
 .footer-left p {
   font-size: 16px;
   line-height: 1.6;
   color: #fff;
 }
 
 .footer-center {
   flex: 1;
   text-align: center;
 }
 
 .footer-center h3 {
   font-size: 24px;
   margin-bottom: 20px;
 }
 
 .social-icons {
   display: flex;
   justify-content: center;
   gap: 15px;
 }
 
 .social-icons a {
	font-size: 20px;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   transition: all 0.3s ease;
   color: white;
   text-decoration: none;
 }
 
 .social-icons a:hover {
   background-color: white;
   color: black;
 }
 
 .footer-right {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }
 
 .footer-right h3 {
   font-size: 24px;
   margin-bottom: 15px;
 }
 
 .footer-right ul {
   list-style: none;
 }
 
 .footer-right li {
   margin-bottom: 8px;
 }
 
 .footer-right a {
   color: white;
   text-decoration: none;
   transition: color 0.3s ease;
 }
 
 .footer-right a:hover {
   color: #00bfff;
 }
 
 .footer-bottom {
   margin-top: 40px;
   text-align: center;
   padding: 20px 0;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   color: #ccc;
   font-size: 14px;
 }
 
 .footer-bottom a {
   color: #ccc;
   text-decoration: none;
 }
 
 .footer-bottom a:hover {
   color: #fff;
 }
 
 
 @media screen and (max-width:900px) {
      .left-image {
     width: 100%; 
 }
  
 
 .right-images {
     width: 100%;
 }
    
}



     
        .index-featured-filaments {
            max-width: 1600px;
            margin: 0 auto;
        }

       
        .featured-filaments__title {
            text-align: center;
            font-size: 62px;
            font-weight: 900;
            color: #83ff00;
            margin : 30px;
        }

     
        .featured-filaments__grid {
            display: flex;
            justify-content: center;
            gap: 32px;
            flex-wrap: wrap;
        }

      
        .featured-filaments__card {
            width: 240px;
            text-align: center;
        }

   
        .featured-filaments__card img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            margin-bottom: 16px;
        }

     
        .featured-filaments__label {
            font-size: 20px;
            color: #fff;
            font-weight:800;
        }

 
        @media (max-width: 768px) {
            body {
                padding: 24px 16px;  
            }
            .featured-filaments__title {
                font-size: 24px; 
                margin-bottom: 24px; 
            }
            .featured-filaments__grid {
                gap: 20px; 
                padding: 0 8px;  
            }
            .featured-filaments__card {
                width: calc(50% - 10px);  
            }
            .footer-content { 
                flex-direction: column;
            }
        }
 
        @media (max-width: 375px) {
            .featured-filaments__card {
                width: 100%;  
            }
        }
        
        
        
.index-material-select {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 35px;
    background: #1e1e1e; 
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
    border: 1px solid #2d2d2d;  
    transition: all 0.3s ease-in-out;
    display: flex;  
    align-items: center;
    gap: 40px;  
} 
.index-material-select:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.4);
    transform: translateY(-3px);
} 
.filament-left {
    flex: 0 0 35%;  
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
} 
.filament-img {
    width: 90px;
    height: 90px;
    object-fit: contain;  
    display: block;  
    transition: all 0.3s ease;
    filter: brightness(0.9);  
} 
.index-material-select:hover .filament-img {
    transform: translateY(-4px) scale(1.05);  
    filter: brightness(1.2) drop-shadow(0 0 8px #83FF00); 
} 
.filament-desc {
    color: #b3b3b3; 
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.3px;
} 
.filament-right {
    flex: 1;  
    display: flex;
    flex-direction: column;
    gap: 20px;
} 
.filament-title {
    font-size: 22px;
    color: #f5f5f5;  
    font-weight: 700;
    letter-spacing: 0.8px;
} 
.filament-search-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
} 
/* 下拉框样式 - 替代原输入框 */
.filament-select-input {
    flex: 1;  
    height: 52px;
    padding: 0 25px;
    border: 1px solid #333333; 
    border-radius: 12px;
    font-size: 16px;
    color: #f5f5f5;  
    background-color: #252525; 
    outline: none;
    transition: all 0.3s ease;
    /* 清除默认下拉箭头 */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
} 
.filament-select-input option {
    background-color: #252525;
    color: #f5f5f5;
    padding: 10px;
}
.filament-select-input:focus,
.filament-select-input:hover {
    border-color: #83FF00;  
    box-shadow: 0 0 0 4px rgba(131, 255, 0, 0.15); 
    background-color: #282828;
    /* 聚焦时箭头变色 */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2383FF00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
} 
.filament-search-btn {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background-color: #252525;  
    color: #f5f5f5;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none; 
}

.filament-search-btn:hover,
.filament-search-btn:active {
    box-shadow: 0 0 0 4px rgba(131, 255, 0, 0.15);
    background-color: #282828;
    color: #83FF00; 
}

.search-icon {
    font-size: 20px;  
    line-height: 1;
} 
/* 响应式调整 */
@media (max-width: 768px) {
    .index-material-select {
        flex-direction: column;
        padding: 30px 25px;
        margin: 0 20px;
        gap: 25px;
    }
    .filament-left {
        flex: none;
        width: 100%;
    }
    .filament-img {
        width: 70px;
        height: 70px;  
    }
    .filament-title {
        font-size: 20px;
        text-align: center;
    }
    .filament-select-input,
    .filament-search-btn {
        height: 48px;
        font-size: 15px;
    }
    .filament-select-input {
        padding: 0 20px;
        background-size: 14px;
        background-position: right 18px center;
    }
    .search-icon {
        font-size: 18px;  
    }
} 
@media (max-width: 480px) {
    .index-material-select {
        border-radius: 16px;
        padding: 25px 20px;
    }
    .filament-title {
        font-size: 18px;
    }
    .filament-select-input,
    .filament-search-btn {
        height: 46px;
        border-radius: 10px;
    }
    .filament-desc {
        font-size: 13px;
    }
    .filament-search-wrap {
        gap: 10px;
    }
}
        
        	.product-portfolio {
				background-color: #000;
				padding: 0 30px;
			}

			/* 标题 */
			.portfolio-main-title {
				text-align: center;
				color: #83ff00;
				font-size: 62px;
				margin-bottom: 30px;
				font-weight: 600;
			}

			/* 卡片网格 */
			.product-card-list {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
				gap: 20px;
			}

			/* 卡片基础样式 */
			.product-card {
				border-radius: 12px;
				padding: 20px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				min-height: 420px;
				overflow: hidden;
				position: relative;
			}

			/* 产品图片 */
			.product-card-img {
				position: absolute;
				bottom: 0;
				right: 0;
				max-height: 250px;
				object-fit: contain;
				border-radius: 8px;
				background-color: transparent;
				z-index: 1;
				transition: all 0.3s ease;
				pointer-events: auto;
			}

			.product-card-img:hover {
				transform: scale(1.15);
			}

			/* 卡片背景渐变修饰符（BEM） */
			.product-card--polymaker {
				background: linear-gradient(135deg, #7FD3FF, #FEDD22, #20BF23);
			}

			.product-card--panchroma {
				background: linear-gradient(135deg, #ff316b, #ffa873, #fff600);
			}

			.product-card--fiberon {
				background: linear-gradient(135deg, #56d8f5, #e7adf8, #3880f5);
			}

			.product-card--specialty {
				background: linear-gradient(135deg, #6c4fbb, #f063c3, #feddca);
			}

			/* 卡片内容区 */
			.product-card-content {
				height: 250px;
			    display: flex;
			    z-index: 2;
			    position: relative;
			    flex-wrap: wrap;
			    align-content: space-between;
			}

			/* 特性列表 */
			.product-feature-list {
				list-style: none;
				margin-bottom: 20px;
			}

			/* 特性项 */
			.product-feature-item {
				display: flex;
				align-items: center;
				gap: 12px;
				margin-bottom: 12px;
				color: #fff;
				font-size: 18px;
			}

			.product-feature-item i {
				font-size: 19.2px; /* 1.2rem = 19.2px */
				width: 20px;
				text-align: center;
			}

			/* 卡片按钮 */
			.product-card-btn {
				font-size: 16px;
				background-color: #fff;
				color: #64c200;
				border: none;
				padding: 12px 20px;
				border-radius: 25px;
				font-weight: bold;
				cursor: pointer;
				transition: all 0.3s ease;
				align-self: flex-start;
				z-index: 2;
				position: relative;
				margin-bottom: 32px; /* 2rem = 32px */
			}

			.product-card-btn:hover {
				background-color: #64c200;
				color: #fff;
				transform: translateY(-2px);
			}

			/* 卡片底部栏 */
			.product-card-footer {
				display: flex;
				justify-content: space-between;
				align-items: center; 
				padding-top: 16px; /* 1rem = 16px */
				margin-top: auto;
				z-index: 2;
				position: relative;
			}

			/* 品牌信息 */
			.brand-info {
				color: #83ff00;
				font-size: 20px;
				font-weight: bold;
				display: flex;
				align-items: center;
				gap: 8px; /* 0.5rem = 8px */
			}

			/* 品牌图标 */
			.brand-icon {
				padding: 15px;
				background-color: #83ff00;
				border-radius: 20px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #dcaef8;
				font-weight: bold;
			}

			/* 产品数量 */
			.product-num {
				color:#444;
				font-size: 20px;
				font-weight: bold;
			}

			/* 响应式 平板 */
			@media (max-width: 768px) {
				.product-portfolio {
					padding: 20px;
				}

				.portfolio-main-title {
					font-size: 42px;
					margin-bottom: 30px;
				}

				.product-card-list {
					grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
					gap: 15px;
				}

				.product-card {
					min-height: 400px;
					padding: 18px;
				}

				.product-feature-item {
					font-size: 16px;
					gap: 10px;
				}

				.brand-info,
				.product-num {
					font-size: 18px;
				}

				.brand-icon {
					padding: 12px;
				}
			}

			/* 响应式 手机 */
			@media (max-width: 480px) {
				.product-portfolio {
					padding: 15px;
				}

				.portfolio-main-title {
					font-size: 32px;
					margin-bottom: 20px;
				}

				.product-card-list {
					grid-template-columns: 1fr;
					gap: 12px;
				}

				.product-card {
					min-height: 380px;
					padding: 15px;
				}

				.product-feature-item {
					font-size: 14px;
				}

				.product-card-btn {
					padding: 10px 16px;
					font-size: 14px;
					margin-bottom: 24px;  
				}

				.brand-info,
				.product-num {
					font-size: 16px;
				}

				.brand-icon {
					padding: 10px;
					border-radius: 16px;
				}

				.product-card-img {
					max-height: 220px;
				}
			}
			
			/* 主模块容器 */
        .index-partner {
            width: 1600px;
            margin: 0 auto;
                padding: 100px 0 60px 0;
        }

        /* 主标题样式 */
        .index-partner__title {
            font-size: 62px;
            color: #83ff00;
            text-align: center;
            margin-bottom: 30px;
            font-weight: 700;
            letter-spacing: 2px;
            opacity: 0;
            transform: translateY(30px);
            animation: indexPartnerTitleFade 1.2s ease forwards;
        }

        /* 标题淡入动画 */
        @keyframes indexPartnerTitleFade {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 内容卡片容器 */
        .index-partner__content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
        }

        /* 报价请求卡片 - 改为黑色背景 */
        .index-partner__quote-card {
            background-color: #000000; /* 改为黑色 */
            color: #ffffff; /* 文字改为白色 */
            padding: 60px 50px;
            border: 2px solid #ffffff; /* 添加白色边框，和右侧卡片统一 */
            border-radius: 12px;
            position: relative;
            overflow: hidden;
            transform: translateX(-50px);
            opacity: 0;
            animation: indexPartnerCardLeftFade 1s ease 0.3s forwards;
            transition: all 0.5s ease;
        }

        /* 经销商合作卡片 */
        .index-partner__distributor-card {
            background-color: #000000;
            color: #ffffff;
            padding: 60px 50px;
            border: 2px solid #ffffff;
            border-radius: 12px;
            position: relative;
            overflow: hidden;
            transform: translateX(50px);
            opacity: 0;
            animation: indexPartnerCardRightFade 1s ease 0.6s forwards;
            transition: all 0.5s ease;
        }

        /* 卡片左侧进入动画 */
        @keyframes indexPartnerCardLeftFade {
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* 卡片右侧进入动画 */
        @keyframes indexPartnerCardRightFade {
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* 卡片hover效果 - 适配黑色背景 */
        .index-partner__quote-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(131, 255, 0, 0.2);
            border-color: #83ff00; /* hover时边框变荧光绿 */
        }

        .index-partner__distributor-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(255, 255, 255, 0.1);
            border-color: #83ff00;
        }

        /* 卡片子标题 */
        .index-partner__card-subtitle {
            font-size: 36px;
            font-weight: 600;
            margin-bottom: 30px;
            position: relative;
            display: inline-block;
        }

        /* 子标题下划线 */
        .index-partner__quote-card .index-partner__card-subtitle::after,
        .index-partner__distributor-card .index-partner__card-subtitle::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 80px;
            height: 4px;
            background-color: #83ff00;
            transition: width 0.5s ease;
        }

        /* hover时下划线扩展 */
        .index-partner__quote-card:hover .index-partner__card-subtitle::after,
        .index-partner__distributor-card:hover .index-partner__card-subtitle::after {
            width: 100%;
        }

        /* 卡片文本 */
        .index-partner__card-text {
            height: 120px;
            font-size: 20px;
            line-height: 1.8;
            margin-bottom: 40px;
            opacity: 0.8;
            transition: opacity 0.3s ease;
        }

        /* hover时文本透明度提升 */
        .index-partner__quote-card:hover .index-partner__card-text,
        .index-partner__distributor-card:hover .index-partner__card-text {
            opacity: 1;
        }

        /* 表单样式 */
        .index-partner__form {
            display: flex;
            gap: 20px;
        }

        /* 邮箱输入框 - 适配黑色背景 */
        .index-partner__email-input {
            flex: 1;
            padding: 20px 25px;
            font-size: 16px;
            border: 2px solid #ffffff; /* 白色边框 */
            background-color: #000000; /* 黑色背景 */
            color: #ffffff; /* 白色文字 */
            border-radius: 8px;
            outline: none;
            transition: all 0.3s ease;
        }

        /* 输入框placeholder样式 */
        .index-partner__email-input::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        /* 输入框焦点样式 */
        .index-partner__email-input:focus {
            border-color: #83ff00;
            box-shadow: 0 0 0 4px rgba(131, 255, 0, 0.1);
        }

        /* 提交按钮 - 适配黑色背景 */
        .index-partner__submit-btn {
            padding: 20px 40px;
            font-size: 16px;
            font-weight: 600;
            background-color: #ffffff; /* 白色按钮对比黑色背景 */
            color: #000000; /* 黑色文字 */
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        /* 按钮渐变动效 */
        .index-partner__submit-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(131, 255, 0, 0.2), transparent);
            transition: left 0.6s ease;
        }

        .index-partner__submit-btn:hover::before {
            left: 100%;
        }

        /* 按钮hover样式 */
        .index-partner__submit-btn:hover {
            background-color: #83ff00;
            color: #000000;
            transform: scale(1.05);
        }

        /* 合作按钮 */
        .index-partner__partner-btn {
            padding: 20px 40px;
            font-size: 16px;
            font-weight: 600;
            background-color: #ffffff;
            color: #000000;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        /* 合作按钮渐变动效 */
        .index-partner__partner-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(131, 255, 0, 0.2), transparent);
            transition: left 0.6s ease;
        }

        .index-partner__partner-btn:hover::before {
            left: 100%;
        }

        /* 合作按钮hover样式 */
        .index-partner__partner-btn:hover {
            background-color: #83ff00;
            color: #000000;
            transform: scale(1.05);
        }

        /* 装饰元素 */
        .index-partner__decor {
            position: absolute;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-color: rgba(131, 255, 0, 0.1);
            z-index: 0;
        }

        /* 报价卡片装饰 */
        .index-partner__quote-card .index-partner__decor {
            bottom: -80px;
            right: -80px;
            animation: indexPartnerDecorPulse 4s infinite ease-in-out;
        }

        /* 经销商卡片装饰 */
        .index-partner__distributor-card .index-partner__decor {
            top: -80px;
            left: -80px;
            animation: indexPartnerDecorPulse 4s infinite ease-in-out 1s;
        }

        /* 装饰元素脉冲动画 */
        @keyframes indexPartnerDecorPulse {
            0%, 100% {
                transform: scale(1);
                opacity: 0.7;
            }
            50% {
                transform: scale(1.2);
                opacity: 0.4;
            }
        }

        /* 卡片内容层（覆盖装饰元素） */
        .index-partner__card-content {
            position: relative;
            z-index: 1;
        }
        
     
.modal-overlay {
  display: none; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);  
  z-index: 9999;  
  justify-content: center;
  align-items: center;
}

 
.modal-content {
  background: #000;  
  color: #fff;  
  width: 90%;
  max-width: 500px;
  border-radius: 8px;
  padding: 25px;
  position: relative;
  box-shadow: 0 0 20px rgba(131, 255, 0, 0.3);  
  border: 1px solid #83FF00;  
}

 
.close-modal {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #83FF00; 
  transition: color 0.2s;
}
.close-modal:hover {
  color: #fff;  
}


.modal-title {
  margin: 0 0 20px 0;
  font-size: 20px;
  color: #83FF00;  
  text-align: center;
  font-weight: 600;
}

 
.modal-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.form-group label {
  font-size: 14px;
  color: #83FF00;  
}

 
.form-group input,
.form-group textarea {
  padding: 10px 12px;
  border: 1px solid #333;  
  background: #111; 
  color: #fff;  
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}

 
.form-group input:focus,
.form-group textarea:focus {
  border-color: #83FF00;  
  box-shadow: 0 0 8px rgba(131, 255, 0, 0.2); 
}

 
.form-submit-btn {
  padding: 12px;
  background: #83FF00;  
  color: #000;  
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s;
}

.form-submit-btn:hover {
  background: #6edb00; 
  box-shadow: 0 0 10px rgba(131, 255, 0, 0.5); 
}

 
.index-partner__partner-btn {
  cursor: pointer;
  padding: 20px 40px;
  background: #83FF00; 
  color: #000;  
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s;
}

.index-partner__partner-btn:hover {
  background: #6edb00;
  box-shadow: 0 0 10px rgba(131, 255, 0, 0.5);
}

        /* 媒体查询 - 适配1600px以下屏幕 */
        @media (max-width: 1600px) {
            .index-partner {
                width: 100%;
                        padding: 100px 40px 30px 40px;
            }
        }

        /* 媒体查询 - 适配平板屏幕 */
        @media (max-width: 1200px) {
            .index-partner__content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .index-partner__quote-card,
            .index-partner__distributor-card {
                transform: translateY(30px);
                opacity: 0;
            }

            @keyframes indexPartnerCardLeftFade {
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            @keyframes indexPartnerCardRightFade {
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            .index-partner__title {
                font-size: 52px;
                margin-bottom: 60px;
            }

            .index-partner__card-subtitle {
                font-size: 32px;
            }
        }

 
        @media (max-width: 768px) {
            .index-partner {
                padding: 60px 20px;
            }

            .index-partner__title {
                font-size: 42px;
                margin-bottom: 40px;
            }

            .index-partner__quote-card,
            .index-partner__distributor-card {
                padding: 40px 30px;
            }

            .index-partner__card-subtitle {
                font-size: 28px;
            }

            .index-partner__card-text {
                font-size: 16px;
                margin-bottom: 30px;
            }

            .index-partner__form {
                flex-direction: column;
                gap: 15px;
            }

            .index-partner__email-input,
            .index-partner__submit-btn,
            .index-partner__partner-btn {
                padding: 18px 20px;
                font-size: 15px;
            }

            .index-partner__decor {
                width: 150px;
                height: 150px;
            }
        }

        	.index-color{
				font-family: Poppins; 
				padding: 32px;
			}

			.color-titles {
				text-align: center;
				font-size: 28px;
				color: #143141;
				margin-bottom: 32px;
				font-weight: 600;
			}

			.color-card-container {
				max-width: 1200px;
				margin: 0 auto;  
			}
			.color-card-container img{
				width: 100%;
			}

			.color-card {
				border: none;
				box-shadow: none;
				background: none;
			}

			.color-display {
				height: 60px;
				width: 100%;
				border-radius: 50px 0 50px 0;
				box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
			}

			.color-info {
				padding: 10px 5px;
				background: none;
				border: none;
				text-align: center;
			}

			.color-name {
				font-size: 14px;
				color: #333;
			}

			@media (max-width: 768px) {
				.color-title {
					font-size: 22px;
					margin-bottom: 24px;
				}

				.color-card-container {
					gap: 8px;
					padding: 0 8px;
				}

				.color-display {
					height: 40px;
					border-radius: 5px 0 0 0;
				}

				.color-name {
					font-size: 12px;
				}
			}

			@media (max-width: 480px) {
				.color-title {
					font-size: 19px;
				}

				.color-display {
					height: 35px;
				}

				.color-name {
					font-size: 11px;
				}
			}
        /*-------------------------------
			language  start
			----------------------------------*/
.prisna-wp-translate-seo{display:none;font-family:Arial, Helvetica, sans-serif;}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{display:block}
.change-language .change-language-title, .change-language .change-language-title a {font-size:10pt;}
.change-language .change-language-title {padding:0;}
.change-language .change-language-title a:after {color: #fff;font-family: 'fontawesome';content:"\f0d7";font-size:12px;display:inline-block;padding-left: 2px;}
.change-language:hover .change-language-title a:after {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.change-language .change-language-cont {position:absolute;top:50px;right:0;width:400px;background:#FFF;padding:20px 10px 20px 20px;transform: scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #eee;border-radius:5px;overflow-y:scroll; }
.change-language:hover .change-language-cont {transform: scale3d(1, 1, 1);opacity:1;visibility:visible;}
.change-language .change-language-cont li {display:inline-block;vertical-align:top;width:30%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;}
.change-language .change-language-cont li a:hover{color: #e9aa00;}
.change-language .change-language-cont .lang-item-hide {display:none !important;}
.change-language .change-language-cont .lang-more {position:relative;display:block;text-align:center;cursor:pointer;line-height: 30px;}
.change-language .change-language-cont .more-active{font-size: 20px;}
.language-flag span{position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 33px;overflow:hidden;color:#fff;}
.prisna-wp-translate-seo span {color: #333;}
.prisna-wp-translate-seo li:hover span {color: #e9aa00;}
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
.language-flag .country-flag {position:absolute; top:50%;display:inline-block;vertical-align:top; *display:inline;*zoom:1;
background-repeat: no-repeat;background-image:url(../image/all-m.gif);width:22px;height:16px;margin:-8px 5px 0;}
li.language-flag a{position:relative;}
.language-flag-af .country-flag {background-position: 0 0 !important;}
.language-flag-sq .country-flag {background-position: 0 -16px !important;}
.language-flag-ar .country-flag {background-position: 0 -32px !important;}
.language-flag-hy .country-flag {background-position: 0 -48px !important;}
.language-flag-az .country-flag {background-position: 0 -64px !important;}
.language-flag-eu .country-flag {background-position: 0 -80px !important;}
.language-flag-be .country-flag {background-position: 0 -96px !important;}
.language-flag-bg .country-flag {background-position: 0 -112px !important;}
.language-flag-ca .country-flag {background-position: 0 -128px !important;}
.language-flag-zh .country-flag {background-position: 0 -144px !important;}
.language-flag-zh-TW .country-flag {background-position: 0 -160px !important;}
.language-flag-hr .country-flag {background-position: 0 -176px !important;}
.language-flag-cs .country-flag {background-position: 0 -192px !important;}
.language-flag-da .country-flag {background-position: 0 -208px !important;}
.language-flag-nl .country-flag {background-position: 0 -240px !important;}
.language-flag-en .country-flag {background-position: 0 -256px !important;}
.language-flag-et .country-flag {background-position: 0 -272px !important;}
.language-flag-tl .country-flag {background-position: 0 -288px !important;}
.language-flag-fi .country-flag {background-position: 0 -304px !important;}
.language-flag-fr .country-flag {background-position: 0 -320px !important;}
.language-flag-gl .country-flag {background-position: 0 -336px !important;}
.language-flag-ka .country-flag {background-position: 0 -352px !important;}
.language-flag-de .country-flag {background-position: 0 -368px !important;}
.language-flag-el .country-flag {background-position: 0 -384px !important;}
.language-flag-ht .country-flag {background-position: 0 -400px !important;}
.language-flag-iw .country-flag {background-position: 0 -416px !important;}
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag {background-position: 0 -432px !important;}
.language-flag-hu .country-flag {background-position: 0 -448px !important;}
.language-flag-is .country-flag {background-position: 0 -464px !important;}
.language-flag-id .country-flag {background-position: 0 -480px !important;}
.language-flag-ga .country-flag {background-position: 0 -496px !important;}
.language-flag-it .country-flag {background-position: 0 -512px !important;}
.language-flag-ja .country-flag {background-position: 0 -528px !important;}
.language-flag-ko .country-flag {background-position: 0 -544px !important;}
.language-flag-la .country-flag {background-position: 0 -560px !important;}
.language-flag-lv .country-flag {background-position: 0 -576px !important;}
.language-flag-lt .country-flag {background-position: 0 -592px !important;}
.language-flag-mk .country-flag {background-position: 0 -608px !important;}
.language-flag-ms .country-flag {background-position: 0 -624px !important;}
.language-flag-mt .country-flag {background-position: 0 -640px !important;}
.language-flag-no .country-flag {background-position: 0 -656px !important;}
.language-flag-fa .country-flag {background-position: 0 -672px !important;}
.language-flag-pl .country-flag {background-position: 0 -688px !important;}
.language-flag-pt .country-flag {background-position: 0 -704px !important;}
.language-flag-ro .country-flag {background-position: 0 -720px !important;}
.language-flag-ru .country-flag {background-position: 0 -736px !important;}
.language-flag-sr .country-flag {background-position: 0 -752px !important;}
.language-flag-sk .country-flag {background-position: 0 -768px !important;}
.language-flag-sl .country-flag {background-position: 0 -784px !important;}
.language-flag-es .country-flag {background-position: 0 -800px !important;}
.language-flag-sw .country-flag {background-position: 0 -816px !important;}
.language-flag-sv .country-flag {background-position: 0 -832px !important;}
.language-flag-th .country-flag {background-position: 0 -848px !important;}
.language-flag-tr .country-flag {background-position: 0 -864px !important;}
.language-flag-uk .country-flag {background-position: 0 -880px !important;}
.language-flag-ur .country-flag {background-position: 0 -896px !important;}
.language-flag-vi .country-flag {background-position: 0 -912px !important;}
.language-flag-cy .country-flag {background-position: 0 -928px !important;}
.language-flag-yi .country-flag {background-position: 0 -944px !important;}
.language-flag-bn .country-flag {background-position: 0 -960px !important;}
.language-flag-eo .country-flag {background-position: 0 -976px !important;}
.language-flag.language-flag-custom-afghanistan .country-flag {background-position: 0 -992px !important;}
.language-flag.language-flag-custom-albania .country-flag {background-position: 0 -1008px !important;}
.language-flag.language-flag-custom-algeria .country-flag {background-position: 0 -1024px !important;}
.language-flag.language-flag-custom-argentina .country-flag {background-position: 0 -1040px !important;}
.language-flag.language-flag-custom-australia .country-flag {background-position: 0 -1056px !important;}
.language-flag.language-flag-custom-austria .country-flag {background-position: 0 -1072px !important;}
.language-flag.language-flag-custom-belgium .country-flag {background-position: 0 -1088px !important;}
.language-flag.language-flag-custom-brazil .country-flag {background-position: 0 -1104px !important;}
.language-flag.language-flag-custom-canada .country-flag {background-position: 0 -1120px !important;}
.language-flag.language-flag-custom-chile .country-flag {background-position: 0 -1136px !important;}
.language-flag.language-flag-custom-cote-d-ivoire .country-flag {background-position: 0 -1152px !important;}
.language-flag.language-flag-custom-ecuador .country-flag {background-position: 0 -1168px !important;}
.language-flag.language-flag-custom-egypt .country-flag {background-position: 0 -1184px !important;}
.language-flag.language-flag-custom-england .country-flag {background-position: 0 -1200px !important;}
.language-flag.language-flag-custom-luxembourg .country-flag {background-position: 0 -1216px !important;}
.language-flag.language-flag-custom-malaysia .country-flag {background-position: 0 -1232px !important;}
.language-flag.language-flag-custom-mexico .country-flag {background-position: 0 -1248px !important;}
.language-flag.language-flag-custom-new-zealand .country-flag {background-position: 0 -1264px !important;}
.language-flag.language-flag-custom-oman .country-flag {background-position: 0 -1280px !important;}
.language-flag.language-flag-custom-qatar .country-flag {background-position: 0 -1296px !important;}
.language-flag.language-flag-custom-saudi-arabia .country-flag {background-position: 0 -1312px !important;}
.language-flag.language-flag-custom-singapore .country-flag {background-position: 0 -1328px !important;}
.language-flag.language-flag-custom-south-africa .country-flag {background-position: 0 0 !important;}
.language-flag.language-flag-custom-switzerland .country-flag {background-position: 0 -1344px !important;}
.language-flag.language-flag-custom-syria .country-flag {background-position: 0 -1360px !important;}
.language-flag.language-flag-custom-united-arab-emirates .country-flag {background-position: 0 -1376px !important;}
.language-flag.language-flag-custom-united-states-of-america .country-flag {background-position: 0 -1392px !important;}
.language-flag-hy .country-flag {background-position: 0 -1408px;}
.language-flag-bs .country-flag {background-position: 0 -1424px;}
.language-flag-ceb .country-flag {background-position: 0 -1440px;}
.language-flag-ny .country-flag {background-position: 0 -1456px;}
.language-flag-ha .country-flag {background-position: 0 -1472px;}
.language-flag-hmn .country-flag {background-position: 0 -1488px;}
.language-flag-ig .country-flag {background-position: 0 -1504px;}
.language-flag-jw .country-flag {background-position: 0 -1520px;}
.language-flag-kk .country-flag {background-position: 0 -1536px;}
.language-flag-km .country-flag {background-position: 0 -1552px;}
.language-flag-lo .country-flag {background-position: 0 -1568px;}
.language-flag-la .country-flag {background-position: 0 -1584px;}
.language-flag-mg .country-flag {background-position: 0 -1600px;}
.language-flag-ml .country-flag {background-position: 0 -1616px;}
.language-flag-mi .country-flag {background-position: 0 -1632px;}
.language-flag-mr .country-flag {background-position: 0 -1648px;}
.language-flag-mn .country-flag {background-position: 0 -1664px;}
.language-flag-my .country-flag {background-position: 0 -1680px;}
.language-flag-ne .country-flag {background-position: 0 -1696px;}
.language-flag-pa .country-flag {background-position: 0 -1712px;}
.language-flag-st .country-flag {background-position: 0 -1728px;}
.language-flag-si .country-flag {background-position: 0 -1744px;}
.language-flag-so .country-flag {background-position: 0 -1760px;}
.language-flag-su .country-flag {background-position: 0 -1776px;}
.language-flag-tg .country-flag {background-position: 0 -1792px;}
.language-flag-uz .country-flag {background-position: 0 -1808px;}
.language-flag-yo .country-flag {background-position: 0 -1824px;}
.language-flag-zu .country-flag {background-position: 0 -1840px;}



/*-------------------------------
			language  end
			----------------------------------*/